import { createRouter, createWebHistory } from 'vue-router'
import {
  Connection,
  User,
  More,
  Expand
} from '@element-plus/icons-vue'
import HomeView from '../views/HomeView.vue'


// const router = createRouter({
//   history: createWebHistory(import.meta.env.BASE_URL),
//   routes: [
//     {
//       path: '/login',
//       name: 'Login',
//       component: () => import('../views/account/Login.vue'),
//       hidden: true
//     },
//     {
//       path: '/home',
//       name: 'Admin',
//       meta: {
//         title: '控制台',
//       },
//       component: () => import('@/layout/index.vue'),
//       children: [
//         {
//           path: '/console',
//           name: 'Console',
//           meta: {
//             title: '控制台',
//             icon: Connection
//           },
//           component: () => import('@/views/console/index.vue')
//         }
//       ]
//     },
//     {
//       path: '/user',
//       name: 'User',
//       meta: {
//         title: '用户管理',
//       },
//       component: () => import('@/layout/index.vue'),
//       children: [
//         {
//           path: '/user-index',
//           name: 'UserIndex',
//           meta: {
//             title: '用户管理',
//             icon: User
//           },
//           component: () => import('@/views/user/index.vue')
//         }
//       ]
//     },
//     {
//       path: '/info',
//       name: 'Info',
//       meta: {
//         title: '信息管理'
//       },
//       component: () => import('@/layout/index.vue'),
//       children: [
//         {
//           path: '/info-category',
//           name: 'InfoCategory',
//           meta: {
//             title: '信息分类',
//             icon: More
//           },
//           component: () => import('@/views/info/Category.vue')
//         },
//         {
//           path: '/info-index',
//           name: 'InfoIndex',
//           meta: {
//             title: '信息列表',
//             icon: Expand
//           },
//           component: () => import('@/views/info/index.vue')
//         },
//         {
//           path: '/info-detail',
//           name: 'InfoDetail',
//           meta: {
//             title: '信息详情'
//           },
//           component: () => import('@/views/info/Detail.vue'),
//           hidden: true
//         }
//       ]
//     },
//     {
//       path: '/404',
//       component: () => import('@/views/404.vue'),
//       hidden: true
//     },
//     {
//       path: '/:pathMatch(.*)*',
//       redirect: '/404',
//       hidden: true
//     }
//   ]
// })

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/login',
      name: 'Login',
      component: () => import('../views/account/Login.vue'),
      hidden: true
    },
    {
      path: '/home',
      name: 'Admin',
      meta: {
        title: '控制台',
        icon: 'home'
      },
      component: () => import('@/layout/index.vue'),
      children: [
        {
          path: '/console',
          name: 'Console',
          meta: {
            title: '控制台'
          },
          component: () => import('@/views/console/index.vue')
        }
      ]
    },
    {
      path: '/user',
      name: 'User',
      meta: {
        title: '用户管理',
        icon: 'user'
      },
      component: () => import('@/layout/index.vue'),
      children: [
        {
          path: '/user-index',
          name: 'UserIndex',
          meta: {
            title: '用户管理'
          },
          component: () => import('@/views/user/index.vue')
        }
      ]
    },
    {
      path: '/info',
      name: 'Info',
      meta: {
        title: '信息管理',
        icon: 'info'
      },
      component: () => import('@/layout/index.vue'),
      children: [
        {
          path: '/info-category',
          name: 'InfoCategory',
          meta: {
            title: '信息分类'
          },
          component: () => import('@/views/info/Category.vue')
        },
        {
          path: '/info-index',
          name: 'InfoIndex',
          meta: {
            title: '信息列表'
          },
          component: () => import('@/views/info/index.vue')
        },
        {
          path: '/info-detail',
          name: 'InfoDetail',
          meta: {
            title: '信息详情'
          },
          component: () => import('@/views/info/Detail.vue'),
          hidden: true
        }
      ]
    },
    {
      path: '/404',
      component: () => import('@/views/404.vue'),
      hidden: true
    },
    {
      path: '/:pathMatch(.*)*',
      redirect: '/404',
      hidden: true
    }
  ]
})

export default router
